<template>
  <section>
    <div class="jzwarp">
      <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
      </div>
    </div>
    <div v-if="$store.state.lang=='cn'">
      <!--slidewarp 幻灯片-->
      <div class="slidewarp">
        <div class="slideimg">
          <img src="../static/images/font24.png" width="921px" height="408px" alt>
        </div>
        <div class="slidezi">
          <img src="../assets/images/b.png" width="560px" height="428px" alt="both">
          <img src="../assets/images/o.png" width="560px" height="428px" alt="both">
          <img src="../assets/images/t.png" width="560px" height="428px" alt="both">
          <img src="../assets/images/h.png" width="560px" height="428px" alt="both">
        </div>
        <div class="slidebigimg">
          <!-- <img src="../assets/images/111.jpg" alt=""> -->
        </div>
        <div class="shipincss">
          <iframe width="100%" height="100%" src="https://api.sddhl.net/shipin.html" frameborder="0"></iframe>
        </div>
      </div>
      <!--slidewarp End-->
      <!--contentwarp1-->

      <div class="contentwarp1 nrtop">
        <div class="contentwarpn1">
          <div class="contantwarp1-1">
            <a href="/about?artIdjzwarp=5c716d2b74276d8220ae1e0c">
              <img src="https://api.sddhl.net/images/about_cai1.jpg" alt="德惠来装饰瓷砖">
            </a>
          </div>
          <div class="contantwarp1-2"></div>
          <div class="contantwarp1-3"></div>
          <div class="contantwarp1-4">
            <img src="https://api.sddhl.net/images/about.png" width="185px" height="37px" alt>
          </div>
          <div class="contantwarp1-5">山东德惠来装饰瓷板有限公司</div>
          <div class="contantwarp1-6">
            <img src="https://api.sddhl.net/images/about_c.png" width="284px" height="68px" alt>
          </div>
          <div class="contantwarp1-7"></div>
          <div class="contantwarp1-8">
            山东德惠来装饰瓷板有限公司是一家现代化新型企业。总投资额达3．6亿元，公司位于淄博市高新技术产业开发区，地理位置优越，交通十分便利。
            <br>公司拥有先进的生产设备、优秀的科研群体，创新的开发技术，有为市场提供高品质产品的可靠保障能力。
          </div>
          <div class="contantwarp1-9">
            <a href="about?artId=5c716d2b74276d8220ae1e0c">+</a>
          </div>
          <div class="contantwarp1-10">
            <img src="https://api.sddhl.net/images/about_01.png" width="34px" height="16px" alt>
          </div>
        </div>
        <div class="contantwarp1-11"></div>
        <div class="contantwarp1-12"></div>
      </div>
      <!--contentwarp1 End-->
      <!--contentwarp2-->
      <div class="contentwarp2 nrtop">
        <div class="contentwarpn2">
          <div class="contantwarp2-1">
            <a href="/about?artId=5c716d4a74276d8220ae1e0d">
              <img src="https://api.sddhl.net/images/pinpai_cai2.jpg" alt="德惠来装饰瓷砖">
            </a>
          </div>
          <div class="contantwarp2-2"></div>
          <div class="contantwarp2-3">
            <img src="https://api.sddhl.net/images/pinpai_y.png" width="280px" height="37px" alt>
          </div>
          <div class="contantwarp2-4">薄斯美</div>
          <div class="contantwarp2-5">
            <img src="https://api.sddhl.net/images/about_c.png" width="284px" height="68px" alt>
          </div>
          <div class="contantwarp2-6">
            打造出梦幻般的外观
            <br>大尺寸、既轻又薄，且具有高硬度、高弹性、耐热、耐酸碱、防菌、 抗污、易洗的优质智慧装饰材料
          </div>
          <div class="contantwarp2-7">
            <a href="/about?artId=5c716d4a74276d8220ae1e0d">+</a>
          </div>
          <div class="contantwarp2-8">
            <img src="https://api.sddhl.net/images/pinpai_02.png" width="34px" height="16px" alt>
          </div>
          <div class="contantwarp2-10"></div>
        </div>
        <div class="contantwarp2-9"></div>
      </div>
      <!--contentwarp2 End-->
      <!--contentwarp3-->
      <div class="contentwarp3 nrtop">
        <div class="contentwarpn3">
          <div class="contantwarp3-1">to enjoy at</div>
          <div class="contantwarp3-2">
            <a href="/about?artId=5c716d4a74276d8220ae1e0d">
              <img src="https://api.sddhl.net/images/jiatu_ti1.png" width="426px" height="37px" alt>
            </a>
          </div>
        </div>
      </div>
      <!--contentwarp3 End-->
      <!--contentwarp4-->
      <div class="contentwarp4 nrtop">
        <img src="https://api.sddhl.net/images/tiao.jpg" width="1920px" height="470px" alt>
      </div>
      <!--contentwarp4 End-->
      <!--contentwarp5-->
      <div class="contentwarp5 nrtop">
        <div class="contentwarpn5">
          <div class="contantwarp5-1"></div>
          <div class="contantwarp5-2">品牌产品</div>
          <div class="contantwarp5-3">
            <img src="https://api.sddhl.net/images/tonglan_2.png" width="387px" height="37px" alt="品牌产品">
          </div>
          <div class="contantwarp5-4">
            秉持”质量第一、用户至上”的企业宗旨，实行利益共享，与客户共荣的营销策略，贯彻以创新求发 展的
            <br>经营方针，树立与时俱进的精品意识。
          </div>
        </div>
      </div>
      <!--contentwarp5 End-->
      <!--contentwarp6-->
      <div class="contentwarp6 nrtop">
        <div class="contantwarp6-1">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=53f75d5d-e9ca-4a9a-b646-a51dccf8025e">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr61-2.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr61-1.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">公共空间</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">查看产品</p>
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="contantwarp6-2">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=483a75b2-4eb3-4ace-a6ef-43064840d861">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr62-2.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr62-3.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">瓷板画</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">查看产品</p>
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="contantwarp6-3">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=db8f81cb-858e-4793-a03d-c13d0328b6e8">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr63-1.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr63-3.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">外墙空间</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">查看产品</p>
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="contantwarp6-4">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=29a9c125-9bbf-4d1a-b6a8-974686732286">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr64-2.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr64-3.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">医疗空间</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">查看产品</p>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
      <!--contentwarp6 End-->
      <!--contentwarp7-->
      <div class="contentwarp7 nrtop">
        <div class="contentwarpn7">
          <div class="contentwarp7-1"></div>
        </div>
      </div>
      <!--contentwarp7 End-->
      <!--contentwarp8-->
      <div class="contentwarp8 nrtop">
        <div class="contentwarpn8">
          <div class="contantwarp8-1">what can we do?</div>
          <div class="contantwarp8-2">魅力见证</div>
          <div class="contantwarp8-3">
            <img src="https://api.sddhl.net/images/nr7/tonglan_2.png" width="387px" height="37px" alt="魅力见证">
          </div>
        </div>
      </div>
      <!--contentwarp8 End-->
      <!--contentwarp9-->
      <div class="contentwarp9 nrtopw">
        <div class="contentwarpn9">
          <div class="contantwarp9-1 nrtop1">
            <div class="nr91-1img">
              <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">
                <img src="https://api.sddhl.net/images/nr7/1.jpg" width="803px" height="330px" alt="丽媛陶瓷薄片">
              </a>
            </div>
            <div class="nr91-2img">
              <div class="nr91-3img">
                <img src="https://api.sddhl.net/images/nr7/jianzheng_y.png" width="184px" height="22px" alt="丽媛陶瓷薄片">
              </div>
              <div class="nr91-4img">丽媛陶瓷薄片</div>
              <div class="nr91-5img">硬度比传统瓷砖更高，釉面耐耗磨0.018g，耐磨程度比一般瓷砖更耐磨。</div>
              <div class="nr91-6img">
                <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">+</a>
              </div>
            </div>
          </div>
          <div class="contantwarp9-2 nrtop1">
            <div class="nr92-1img">
              <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">
                <img src="https://api.sddhl.net/images/nr7/2.jpg" width="803px" height="330px" alt="纤瓷板">
              </a>
            </div>
            <div class="nr92-2img"></div>
            <div class="nr92-3img">
              <img src="https://api.sddhl.net/images/nr7/jianzheng_y.png" width="184px" height="22px" alt="纤瓷板">
            </div>
            <div class="nr92-4img">纤瓷板</div>
            <div class="nr92-5img">以天然晶状、无机陶瓷原料和无机纤维，高温烧制而成，是完全不燃烧的最佳耐火建材，无剥落危险，是高度安全绿色健康建材。</div>
            <div class="nr92-6img">
              <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">+</a>
            </div>
          </div>
          <div class="contantwarp9-3 nrtop1">
            <div class="nr91-1img">
              <a
                href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=483a75b2-4eb3-4ace-a6ef-43064840d861">
                <img src="https://api.sddhl.net/images/nr7/3.jpg" width="803px" height="330px" alt="瓷板画">
              </a>
            </div>
            <div class="nr91-2img">
              <div class="nr91-3img">
                <img src="https://api.sddhl.net/images/nr7/jianzheng_y.png" width="184px" height="22px" alt="瓷板画">
              </div>
              <div class="nr91-4img">瓷板画</div>
              <div class="nr91-5img">高雅的艺术作品，低价位的定价，省去了复杂的制版成本，更容易让寻常百姓千家万户拥有。为现代工作生活休闲提供了永不褪色的装饰文化。</div>
              <div class="nr91-6img">
                <a
                  href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=483a75b2-4eb3-4ace-a6ef-43064840d861">+</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--contentwarp9 End-->
      <!--contentwarp10-->
      <div class="contentwarp10 nrtop ssss">
        <div class="contentwarpn10">
          <div class="contantwarp10-1"></div>
          <div class="contantwarp10-2">
            <img src="https://api.sddhl.net/images/news.png" width="265px" height="37px" alt="新闻中心">
          </div>
          <div class="contantwarp10-3">新闻中心</div>
          <div class="contantwarp10-4">
            <ul class="shnewslist">
              <li v-for="(item,index) in artList" :key="index">
                <a :href="'news/info?artId='+item._id">
                  <div class="newssyimg">
                    <img :src="item.pic" width="380px" height="144px" :alt="item.tit">
                  </div>
                  <div class="newssytitle">{{item.tit}}</div>
                  <div class="newssyculine"></div>
                  <div class="newssynr">{{item.memo}}</div>
                  <div class="newssymore"></div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--contentwarp10 End-->
      <!--contentwarp11-->
      <div class="contentwarp11 nrtop ssss">
        <div class="contantwarp11-1">
          <div class="footer1-1">
            <img src="https://api.sddhl.net/images/con_sit.png" width="266px" height="60px" alt="content">
          </div>
          <div class="footer1-2">
            <img src="../assets/images/con_sit.png" width="97px" height="16px" alt="content">
          </div>
          <div class="footer1-3">
            <a to>+</a>
          </div>
        </div>
        <div class="contantwarp11-2">
          <div class="footer2-1">
            <img src="https://api.sddhl.net/images/dibu_con.png" width="80px" height="367px" alt="content">
          </div>
          <div class="footer2-2">
            <ul class="footer2-21">
              <li>
                <a href="/">首页</a>
              </li>
              <li>
                <a href="/about?artId=5c716d2b74276d8220ae1e0c">关于我们</a>
              </li>
              <li>
                <a href="/about?artId=5c716d4a74276d8220ae1e0d">产品介绍</a>
              </li>
              <li>
                <a href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b">工程案例</a>
              </li>
              <li>
                <a href="/about?artId=5c76a2f075e8d05de4f2f42f">招聘岗位</a>
              </li>
              <li>
                <a href="/about?artId=5c716d6a74276d8220ae1e0e">联系我们</a>
              </li>
            </ul>
            <div class="footer2-22">
              <p>山东德惠来装饰瓷板有限公司</p>
              <p>纤瓷板部：营销总监高总 ：13806430683</p>
              <p>瓷艺画部：李经理：13864427234</p>
              <p>电话：0533-3983977</p>
              <p>传真：0533-3982698</p>
              <p style="font-size:12px;">
                <br>
              </p>
              <p style="font-size:12px; padding: 0;line-height: 20px;"></p>
            </div>
          </div>
          <div class="footer2-3">
            <img src="https://api.sddhl.net/images/dibuti.png" width="526px" height="396px" alt="content">
          </div>
          <div class="footer2-4">
            <img src="https://api.sddhl.net/images/erweima2.jpg" width="260px" height="260px" alt="content">
          </div>
        </div>
      </div>
    </div>
    <!--contentwarp11 End-->
    <div v-if="$store.state.lang=='en'">
      <!--slidewarp 幻灯片-->
      <div class="slidewarp">
        <div class="slideimg">
          <img src="https://api.sddhl.net/images/enfont24.png" width="921px" height="408px" alt>
        </div>
        <div class="slidezi">
          <img src="https://api.sddhl.net/images/b.png" width="560px" height="428px" alt="both">
          <img src="https://api.sddhl.net/images/o.png" width="560px" height="428px" alt="both">
          <img src="https://api.sddhl.net/images/t.png" width="560px" height="428px" alt="both">
          <img src="https://api.sddhl.net/images/h.png" width="560px" height="428px" alt="both">
        </div>
        <div class="slidebigimg">
          <!-- <img src="https://api.sddhl.net/images/111.jpg" alt=""> -->
        </div>
        <div class="shipincss">
          <iframe width="100%" height="100%" src="https://api.sddhl.net/shipin.html" frameborder="0"></iframe>
        </div>
      </div>
      <!--slidewarp End-->
      <!--contentwarp1-->

      <div class="contentwarp1 nrtop">
        <div class="contentwarpn1">
          <div class="contantwarp1-1">
            <a href="/about?artId=5cb672f97e498d3ccbe130c3">
              <img src="https://api.sddhl.net/images/about_cai1.jpg" alt="Dehui to decorate the tiles">
            </a>
          </div>
          <div class="contantwarp1-2"></div>
          <div class="contantwarp1-3"></div>
          <div class="contantwarp1-4">
            <img src="https://api.sddhl.net/images/about.png" width="185px" height="37px" alt>
          </div>
          <div class="contantwarp1-5">Shandong Dehuilai Decoration Vitrolite Co., Ltd.,</div>
          <div class="contantwarp1-6">
            <img src="https://api.sddhl.net/images/about_c.png" width="284px" height="68px" alt>
          </div>
          <div class="contantwarp1-7"></div>
          <div class="contantwarp1-8">
            Shandong Dehuilai Decoration Vitrolite Co., Ltd., founded in 2002, is located at
            Zibo National High-tech Development Zone, with an area of 180,000m2 and a total investment of RMB 400
            million.
          </div>
          <div class="contantwarp1-9">
            <a href="about?artId=5cb672f97e498d3ccbe130c3">+</a>
          </div>
          <div class="contantwarp1-10">
            <img src="https://api.sddhl.net/images/about_01.png" width="34px" height="16px" alt>
          </div>
        </div>
        <div class="contantwarp1-11"></div>
        <div class="contantwarp1-12"></div>
      </div>
      <!--contentwarp1 End-->
      <!--contentwarp2-->
      <div class="contentwarp2 nrtop">
        <div class="contentwarpn2">
          <div class="contantwarp2-1">
            <a href="/about?artId=5cb6737f7e498d3ccbe130c5">
              <img src="https://api.sddhl.net/images/pinpai_cai2.jpg" alt="Bosimei">
            </a>
          </div>
          <div class="contantwarp2-2"></div>
          <div class="contantwarp2-3">
            <img src="https://api.sddhl.net/images/pinpai_y.png" width="280px" height="37px" alt>
          </div>
          <div class="contantwarp2-4">Bosimei</div>
          <div class="contantwarp2-5">
            <img src="https://api.sddhl.net/images/about_c.png" width="284px" height="68px" alt>
          </div>
          <div class="contantwarp2-6">
            Moist and slim, Aura deposition toughness, do not change the noble qualities.
            <br>Subtle and rich in passion, broad and yet flexible, little traces, as if the record of life bit by bit.
          </div>
          <div class="contantwarp2-7">
            <a href="/about?artId=5cb6737f7e498d3ccbe130c5">+</a>
          </div>
          <div class="contantwarp2-8">
            <img src="https://api.sddhl.net/images/pinpai_02.png" width="34px" height="16px" alt>
          </div>
          <div class="contantwarp2-10"></div>
        </div>
        <div class="contantwarp2-9"></div>
      </div>
      <!--contentwarp2 End-->
      <!--contentwarp3-->
      <div class="contentwarp3 nrtop">
        <div class="contentwarpn3">
          <div class="contantwarp3-1">to enjoy at</div>
          <div class="contantwarp3-2">
            <a href="/about?artId=5cb6737f7e498d3ccbe130c5">NATURE CREATES LIFE</a>
          </div>
        </div>
      </div>
      <!--contentwarp3 End-->
      <!--contentwarp4-->
      <div class="contentwarp4 nrtop">
        <img src="https://api.sddhl.net/images/tiao.jpg" width="1920px" height="470px" alt>
      </div>
      <!--contentwarp4 End-->
      <!--contentwarp5-->
      <div class="contentwarp5 nrtop">
        <div class="contentwarpn5">
          <div class="contantwarp5-1"></div>
          <div class="contantwarp5-2">Bosimei</div>
          <div class="contantwarp5-3">
            <img src="https://api.sddhl.net/images/tonglan_2.png" width="387px" height="37px" alt="品牌产品">
          </div>
          <div class="contantwarp5-4">
            The company always adheres to the tenet of “Quality First, Customer Supreme”, and
            spares no effort to build “Dehuilai” foam glass into a world renowned brand and popularize “Dehuilai”
            products worldwide.
          </div>
        </div>
      </div>
      <!--contentwarp5 End-->
      <!--contentwarp6-->
      <div class="contentwarp6 nrtop">
        <div class="contantwarp6-1">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=53f75d5d-e9ca-4a9a-b646-a51dccf8025e">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr61-2.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr61-1.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">Public space</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">Read More</p>
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="contantwarp6-2">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=483a75b2-4eb3-4ace-a6ef-43064840d861">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr62-2.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr62-3.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">Vitrolite paintings</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">Read More</p>
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="contantwarp6-3">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=db8f81cb-858e-4793-a03d-c13d0328b6e8">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr63-1.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr63-3.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">External wall space</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">Read More</p>
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="contantwarp6-4">
          <a
            href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=29a9c125-9bbf-4d1a-b6a8-974686732286">
            <div class="heibj"></div>
            <div class="xianshinr">
              <div class="line1"></div>
              <div class="line2"></div>
              <div class="xsnr">
                <span class="nr6img">
                  <img src="https://api.sddhl.net/images/nr6/nr64-2.png" width="78px" height="91px" alt="门">
                </span>
                <p class="nr6imgzi">
                  <img src="https://api.sddhl.net/images/nr6/nr64-3.png" width="409px" height="20px" alt="公共空间">
                </p>
                <p class="nr6zi">Medical space</p>
                <div class="xsnrlook">
                  <span class="redbj"></span>
                  <p class="lookzi">Read More</p>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
      <!--contentwarp6 End-->
      <!--contentwarp7-->
      <div class="contentwarp7 nrtop">
        <div class="contentwarpn7">
          <div class="contentwarp7-1"></div>
        </div>
      </div>
      <!--contentwarp7 End-->
      <!--contentwarp8-->
      <div class="contentwarp8 nrtop">
        <div class="contentwarpn8">
          <div class="contantwarp8-1">what can we do?</div>
          <div class="contantwarp8-2">to enjoy at</div>
          <div class="contantwarp8-3">
            <img src="https://api.sddhl.net/images/nr7/tonglan_2.png" width="387px" height="37px" alt="魅力见证">
          </div>
        </div>
      </div>
      <!--contentwarp8 End-->
      <!--contentwarp9-->
      <div class="contentwarp9 nrtopw">
        <div class="contentwarpn9">
          <div class="contantwarp9-1 nrtop1">
            <div class="nr91-1img">
              <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">
                <img src="https://api.sddhl.net/images/nr7/1.jpg" width="803px" height="330px" alt="丽媛陶瓷薄片">
              </a>
            </div>
            <div class="nr91-2img">
              <div class="nr91-3img">
                <img src="https://api.sddhl.net/images/nr7/jianzheng_y.png" width="184px" height="22px" alt="丽媛陶瓷薄片">
              </div>
              <div class="nr91-4img">Lai-yuan ceramic fla...</div>
              <div class="nr91-5img">
                Hardness higher than the traditional tile, glazed wear-resistant mill 0.018g,
                wear-resistant than the average tiles more wear-resistant.
              </div>
              <div class="nr91-6img">
                <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">+</a>
              </div>
            </div>
          </div>
          <div class="contantwarp9-2 nrtop1">
            <div class="nr92-1img">
              <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">
                <img src="https://api.sddhl.net/images/nr7/2.jpg" width="803px" height="330px" alt="纤瓷板">
              </a>
            </div>
            <div class="nr92-2img"></div>
            <div class="nr92-3img">
              <img src="https://api.sddhl.net/images/nr7/jianzheng_y.png" width="184px" height="22px" alt="纤瓷板">
            </div>
            <div class="nr92-4img">Fiber porcelain</div>
            <div class="nr92-5img">
              It is made of natural crystalline, inorganic ceramic raw materials and inorganic
              fibers. It is the best refractory building material without burning.
            </div>
            <div class="nr92-6img">
              <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">+</a>
            </div>
          </div>
          <div class="contantwarp9-3 nrtop1">
            <div class="nr91-1img">
              <a
                href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=483a75b2-4eb3-4ace-a6ef-43064840d861">
                <img src="https://api.sddhl.net/images/nr7/3.jpg" width="803px" height="330px" alt="瓷板画">
              </a>
            </div>
            <div class="nr91-2img">
              <div class="nr91-3img">
                <img src="https://api.sddhl.net/images/nr7/jianzheng_y.png" width="184px" height="22px" alt="瓷板画">
              </div>
              <div class="nr91-4img">Vitrolite paintings</div>
              <div class="nr91-5img">
                Elegant works of art, low price pricing, saving the complex cost of plate making,
                more easily let ordinary people have thousands of households
              </div>
              <div class="nr91-6img">
                <a
                  href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b&proClassId2=483a75b2-4eb3-4ace-a6ef-43064840d861">+</a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!--contentwarp9 End-->
      <!--contentwarp10-->
      <div class="contentwarp10 nrtop ssss">
        <div class="contentwarpn10">
          <div class="contantwarp10-1"></div>
          <div class="contantwarp10-2">
            <img src="https://api.sddhl.net/images/news.png" width="265px" height="37px" alt="新闻中心">
          </div>
          <div class="contantwarp10-3">News</div>
          <div class="contantwarp10-4">
            <ul class="shnewslist">
              <li v-for="(item,index) in artList" :key="index">
                <a :href="'news/info?artId='+item._id">
                  <div class="newssyimg">
                    <img :src="item.pic" width="380px" height="144px" :alt="item.tit">
                  </div>
                  <div class="newssytitle">{{item.tit}}</div>
                  <div class="newssyculine"></div>
                  <div class="newssynr">{{item.memo}}</div>
                  <div class="newssymore"></div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--contentwarp10 End-->
      <!--contentwarp11-->
      <div class="contentwarp11 nrtop ssss">
        <div class="contantwarp11-1">
          <div class="footer1-1">
            <img src="https://api.sddhl.net/images/con_sit.png" width="266px" height="60px" alt="content">
          </div>
          <div class="footer1-2">
            <img src="https://api.sddhl.net/images/con_sit.png" width="97px" height="16px" alt="content">
          </div>
          <div class="footer1-3">
            <a to>+</a>
          </div>
        </div>
        <div class="contantwarp11-2">
          <div class="footer2-1">
            <img src="https://api.sddhl.net/images/dibu_con.png" width="80px" height="367px" alt="content">
          </div>
          <div class="footer2-2">
            <ul class="footer2-21">
              <li>
                <a href="/">Home</a>
              </li>
              <li>
                <a href="/about?artId=5c716d2b74276d8220ae1e0c">About Us</a>
              </li>
              <li>
                <a href="/about?artId=5c716d4a74276d8220ae1e0d">Classify</a>
              </li>
              <li>
                <a href="/pro?proClassId=fd925925-26da-4579-a241-cc2433abf93c">Products</a>
              </li>
              <li>
                <a href="/pro?proClassId=782fcf61-a306-4e5d-baf4-f83e3b07d22b">Cases</a>
              </li>
              <li>
                <a href="/about?artId=5c716d6a74276d8220ae1e0e">Contact Us</a>
              </li>
            </ul>
            <div class="footer2-22">
              <p>Shandong Dehuilai Decorate Vitrolite Co., Ltd.</p>

              <p>tel：0086-533-3983977</p>
              <p>fax：0086-533-3982698</p>
              <p style="font-size:12px;">
                <br>
              </p>
              <p style="font-size:12px; padding: 0;line-height: 20px;"></p>
            </div>
          </div>
          <div class="footer2-3">
            <img src="https://api.sddhl.net/images/dibuti.png" width="526px" height="396px" alt="content">
          </div>
          <div class="footer2-4">
            <img src="https://api.sddhl.net/images/erweima2.jpg" width="260px" height="260px" alt="content">
          </div>
        </div>
      </div>
      <!--contentwarp11 End-->
    </div>
  </section>
</template>

<script>
  export default {
    data() {
      return {};
    },
    methods: {},
    mounted() {},
    props: {},
    components: {},
    head() {
      return {
        script: [{
            src: "js/sjboth.js",
            type: "text/javascript"
          },
          {
            src: "js/both.js",
            type: "text/javascript"
          }
        ]
      };
    },
    watchQuery: ["merId"],
    async asyncData({
      isDev,
      route,
      store,
      env,
      params,
      query,
      req,
      res,
      redirect,
      error
    }) {
      return await new Promise((resolve, reject) => {
        var classid = "";
        if (store.state.lang == "cn") {
          classid = "7eca400c-933a-4df6-845a-63635a7da6b8";
        } else if (store.state.lang == "en") {
          classid = "71d80c9e-14db-411e-8495-6357f0c74ec1";
        }
        store.commit("ajax", {
          class: "art",
          para: "getArtList",
          j: {
            data: {
              "class.id": classid,
              "mer._id": store.state.merId
            },
            sort: {
              sortNo: -1
            },
            page: 1,
            limit: 3
          },
          fun: res2 => {
            if (!res2.data.err) {
              resolve({
                artList: res2.data.list
              });
            } else {
              this.$message({
                message: res2.data.err,
                type: "warning" //success/warning/info/error
              });
            }
          }
        });
      });
    }
  };

</script>

<style>
</style>
